<template>
  <demoBlock title="纵向滚动">
    <vcu-swipe
      class="vertical-swipe"
      vertical
      :autoplay="3000"
      indicator-color="white"
    >
      <vcu-swipe-item>1</vcu-swipe-item>
      <vcu-swipe-item>2</vcu-swipe-item>
      <vcu-swipe-item>3</vcu-swipe-item>
      <vcu-swipe-item>4</vcu-swipe-item>
    </vcu-swipe>
  </demoBlock>
</template>

<style lang="less" scoped>
.vertical-swipe {
  height: 150px;
  .vcu-swipe-item {
    color: #fff;
    font-size: 20px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  }
}
</style>
